<#macro layout>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>招标猫</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta http-equiv="x-ua-compatible" content="IE=9" />
<meta name="author" content="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<base href="${thispath}"/>
<!-- Le styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<!--<link href='css/fullcalendar.css' rel='stylesheet'>-->
<!--<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>-->
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/bootstrap-tour.js"></script>

<link rel="shortcut icon" href="img/cropped-head.png">
<style type="text/css">
body {
	padding-bottom: 40px;
	font-size: 18px;
}

.sidebar-nav {
	padding: 9px 0;
}
.highlight{

color: #dd4b39;

}
.highlight_gree{
    color: #15a230;
}
.hot{
font-size:12px;

}

/*custom font for text*/
* {
	margin: 0;
	padding: 0;
}

#accordian {
	background: #ffffff;
	width: 150px;
	margin: 10px auto 0 auto;
	color: black;
	/*Some cool shadow and glow effect*/
}

/*heading styles*/
#accordian h3 {
	font-size: 12px;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #F7F7F7;
	background: linear-gradient(#F7F7F7, #FFFCFD);
}

/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}

/*list items*/
#accordian li {
	list-style-type: none;
	margin-left: -25px;
}

/*links*/
#accordian ul ul li a {
	color: black;
	text-decoration: none;
	font-size: 11px;
	line-height: 27px;
	display: block;
	padding: 0 1px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}

/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #F7F7F7;
	border-left: 5px solid black;
}

/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}

#accordian li.active ul {
	display: block;
}
.txtfcClick{
	background: none repeat scroll 0 0 #F7F7F7;
	border-left: 5px solid blue;
}
</style>
<!--<![endif]-->
</head>
	<body>
		<!-- topbar starts -->
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="btn btn-navbar" data-toggle="collapse"
						data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
						<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> </a>
					<a class="brand" href="industry" style="width:300px;"> <img alt="loge"
							src="img/cropped-head.png" /> <span>招标猫</span> </a>

					<!-- theme selector starts -->
					<!--  <div class="btn-group pull-right theme-container">
						<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
							<i class="icon-tint"></i>
							<span class="hidden-phone">更换主题/皮肤</span> 
							<span class="caret"></span> 
						</a>
						<ul class="dropdown-menu" id="themes">
							<li>
								<a data-value="classic" href="#"><i class="icon-blank"></i>
									经典</a>
							</li>
							<li>
								<a data-value="cerulean" href="#"><i class="icon-blank"></i>
									天蓝</a>
							</li>
							<li>
								<a data-value="cyborg" href="#"><i class="icon-blank"></i>
									Cyborg</a>
							</li>
							<li>
								<a data-value="redy" href="#"><i class="icon-blank"></i>
									Redy</a>
							</li>
							<li>
								<a data-value="journal" href="#"><i class="icon-blank"></i>
									Journal</a>
							</li>
							<li>
								<a data-value="simplex" href="#"><i class="icon-blank"></i>
									Simplex</a>
							</li>
							<li>
								<a data-value="slate" href="#"><i class="icon-blank"></i>
									Slate</a>
							</li>
							<li>
								<a data-value="spacelab" href="#"><i class="icon-blank"></i>
									Spacelab</a>
							</li>
							<li>
								<a data-value="united" href="#"><i class="icon-blank"></i>
									United</a>
							</li>
						</ul>
					</div>
					<!-- theme selector ends -->

					<!-- user dropdown starts -->
					<div class="btn-group pull-right">
						<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
							<i class="icon-user"></i><span class="hidden-phone">${user_name}</span>
							<span class="caret"></span> </a>
						<ul class="dropdown-menu">
							<li>
								<a href="login">退出</a>
							</li>
						</ul>
					</div>
					<!-- user dropdown ends -->
					<!--/.nav-collapse -->
				</div>
			</div>
		</div>
		<!-- topbar ends -->
		
		<div class="container" style="width:1260px;">
			<div class="container-fluid">
				<div class="row-fluid">
					<!-- left menu starts -->
					<#nested>
				</div>
			</div>
		</div>
		<hr>
		<footer>
		<h6 style="text-align: center;">
			&copy; 2014
			<img src="img/cropped-11.png" />
		</h6>
		</footer>
<!-- application script for Charisma demo -->
<script src="js/charisma.js">

</script>	
<script type="text/javascript">
/*jQuery time*/
	$(document).ready(function() {
		$("#accordian h3").click(function() {
			//slide up all the link lists
				$("#accordian ul ul").slideUp();
				//slide down the link list below the h3 clicked - only if its closed
				if (!$(this).next().is(":visible")) {
					$(this).next().slideDown();
				}
			});
	});
</script>

<script src='js/jquery.dataTables.min.js'></script>
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.pie.min.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.colorbox.min.js"></script>
<script src="js/jquery.cleditor.min.js"></script>
<script src="js/jquery.noty.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.elfinder.min.js"></script>
<script src="js/jquery.raty.min.js"></script>
<script src="js/jquery.iphone.toggle.js"></script>
<script src="js/jquery.autogrow-textarea.js"></script>
<script src="js/jquery.uploadify-3.1.min.js"></script>
<script src="js/jquery.history.js"></script>
<script src='js/fullcalendar.min.js'></script>
<script src="js/excanvas.js"></script>

</body>
</html>
</#macro>